.banner {position:relative;width:100%;height:540px;overflow:hidden;}
.banner .icon{position:absolute;bottom:20px}
.banner .icon span {display:inline-block;width:10px;height:10px;border:1px solid #ff7800;margin-right:10px;cursor:pointer}
.banner .icon span.selected {background:#ff7800;cursor:auto}

.we {width:100%;height:120px;background:#f5f5f5;color:#666;font-size:18px;text-align:center}
.we ul {width:1200px;height:120px;margin:0 auto;line-height:120px;}
.we li {width:300px;float:left;cursor:pointer}
.we ul li:nth-child(1) {background:url("../images/icons.png") 30px 0 no-repeat,#f5f5f5}
.we ul li:nth-child(2) {background:url("../images/icons.png") 30px -120px no-repeat,#f5f5f5}
.we ul li:nth-child(3) {background:url("../images/icons.png") 30px -240px no-repeat,#f5f5f5}
.we ul li:nth-child(4) {background:url("../images/icons.png") 30px -360px no-repeat,#f5f5f5}
.we ul li:hover {background-color:#e6e6e6}

.section {width:1200px;margin:0 auto;margin-top:50px}
.section h1 {font-size:30px;text-align:center;font-weight:normal}
.section span.note {display:block;font-size:14px;text-align:center;color:#666;text-transform:uppercase;margin-top:5px}
.products ul li {float:left;width:380px;margin:35px 18px 0 0;text-align:center;border:1px solid #f0f0f0;}
.products ul li:nth-child(1) {margin-right:0}
.products ul li:nth-child(3) {margin-right:0}
.products ul li:nth-child(2) {margin:35px 27px 0 27px}
.products h2 {font-size:20px;line-height:40px;margin-top:20px}
.products h3 {font-size:14px;line-height:28px;font-weight:normal}
.products a {color:#666}
.products h2 a {color:#333}

.section-full {width:100%;clear:both}
.section-full h1 {font-size:30px;text-align:center;font-weight:normal}
.section-full span.note {display:block;font-size:14px;text-align:center;color:#666;text-transform:uppercase;margin-top:5px}
.advantages {height:350px;margin-top:50px;padding-top:30px;background:#f5f5f5}
.advantages h2 {font-weight:normal;font-size:20px}
.advantages h3 {font-weight:normal;font-size:14px;color:#666}
.advantages ul {width:1200px;margin:20px auto}
.advantages ul li {float:left;width:25%;text-align:center;}
.advantages i {display:block;width:148px;height:98px;margin:10px auto}
.advantages i:hover {background-position-x:-160px}
.advantages .adv1{background:url("../images/icons.png") 0 -500px no-repeat}
.advantages .adv2{background:url("../images/icons.png") 0 -600px no-repeat}
.advantages .adv3{background:url("../images/icons.png") 0 -710px no-repeat}
.advantages .adv4{background:url("../images/icons.png") 0 -820px no-repeat}

.customers {height:560px;padding-top:30px}
.customers ul {margin-top:30px}
.customers ul li {float:left;width:25%}

.about {padding-top:30px;height:590px;background:url("../images/index_about_bg.jpg") top center no-repeat}
.about h1 {color:#ff7800}
.about span.note {color:#fff;}
.about p {width:1000px;color:#fff;margin:30px auto;line-height:35px}
.about ul {width:1200px;height:260px;margin:0 auto;background:#fafafa;box-shadow:0px 3px 5px #e8e8e8}
.about ul li {float:left;width:360px;margin-left:30px;margin-top:30px}

.news .half {width:590px;float:left;margin-right:10px}
.news .half:nth-child(4) {margin-left:10px;margin-right:0}
.half {width:590px;float:left;margin-right:10px}
.half:nth-child(4) {margin-left:10px;margin-right:0}
.news h3 {font-size:22px;text-align:center;height:70px;margin:10px 0;}
.news a {color:#666}
.news .recommend {width:100%;height:180px;line-height:20px;text-indent:0;background:#f5f5f5}
.news .recommend img{width:270px;height:180px;float:left;margin-right:15px}
.news .recommend h4{padding-top:15px;font-size:18px;font-weight:normal}
.news .recommend p{margin-top:10px}
.news .recommend a.view {display:block;width:98px;height:28px;text-align:center;line-height:28px;float:left;margin-top:10px;border:1px solid #666}
.news .recommend a.view:hover {border:1px solid #ff7800}
.news a:hover{color:#ff7800}
.news li {width:588px;height:50px;line-height:50px;margin-top:24px;text-indent:2em;border:1px solid #eee;}
.news li span {float:right;margin-right:5px}